/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #3EA6FB;
$--color-success: #46c37b;
$--color-warning: #FEA621;
$--color-danger: #FF6767;
$--color-info: #777777;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

$--border-color-light: #d9d9d9;
//$--border-color-lighter: #d9d9d9;
$--border-color-light: #e8e8e8;
$--border-color-lighter: #e8e8e8;

//$--table-border: 1px solid #e8e8e8;
$--table-border: 1px solid #dfe6ec;

/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
#app .sidebar-container{
  background-color:#FFFFFF!important;
  top:70px!important;
}
.sidebar-logo-container{
  background-color: #fff!important;
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus{
  background: #c9c9c9;
  border-color: #c9c9c9;
  color: #FFFFFF;
}
.menuitem:hover .el-submenu__title i,#app .sidebar-container .el-menu-item.is-active:hover {
  color: #444 !important;
}
#app .sidebar-container .el-submenu.is-active .el-submenu__title i{
  color: #fff !important;
}
.el-menu-item,.el-submenu__title{
  border-bottom:1px solid #EEEEEE;
}
.el-menu-item,.el-submenu__title,.el-submenu .el-menu-item{
  line-height: 44px;
  height: 44px;
  font-size: 16px;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title{
  color:#222!important;
  font-weight: bold!important;
  font-size: 22px!important;
}
.el-menu-item.is-active,.el-submenu__title.is-active {
  background-color: #3EA6FB !important;
}
#app .sidebar-container .el-submenu.is-active > .el-submenu__title {
  background-color: #3EA6FB !important;
}
#app .sidebar-container .el-submenu .el-menu-item.is-active{
  background-color: #E8F3FF !important;
  color:#3EA6FB !important;
}
.hasTagsView .app-main{
  min-height: calc(100vh - 70px)!important;
}
#app .main-container{
  padding-top: 70px;
}
.app-container{
  margin:10px!important;
}
label{
  font-weight: normal!important;
}
.el-form-item--small.el-form-item{
  margin-bottom: 24px!important;
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li{
  background-color: #F4F4F5;
}
.el-button .iconfont {
  font-size: 12px;
  margin-right: 7px;
}
.el-link--inner .iconfont{
  font-size: 12px;
  margin-right: 4px;
}
.el-link--inner .icon-chakan,.el-link--inner .icon-liulan{
  font-size: 14px;
}
.el-form-item__label{
  color:#61687C;
}
.el-form{
  color:#444;
}
.el-card-border.el-card.is-always-shadow{
  border-top: 6px solid $--color-primary;
  border-radius: 6px;
}